var script = document.createElement("script");
// script.src =
// "http://api.map.baidu.com/api?v=2.0&ak=DD279b2a90afdf0ae7a3796787a0742e&callback=initialize";//此为v2.0版本的引用方式

script.src = "http://api.map.baidu.com/api?v=2.0&ak=MB6TT0H7Ltkg5CfVX070cwjfOlodFqSQ&callback=initialize";// 此为v2.0版本的引用方式

document.body.appendChild(script);

// 初始化地图数据
var initialize = function() {
	var map = new BMap.Map('BMap_mask');
	var point = new BMap.Point(112.580632, 37.878936);
	// 112.431971, 38.214688
	map.centerAndZoom(point, 11);

	map.addControl(new BMap.MapTypeControl()); // 添加地图类型控件
	map.enableScrollWheelZoom(true); // 关闭鼠标滚轮缩放
	map.disableDoubleClickZoom(true); // 禁用双击放大

	// 移动接受后的操作
	map.addEventListener("moveend", function(e) {
		zb(map);
	});
	// 初始化中心位置后对点的位置从新初始化出来
	zb(map);

	return map;
}

// 设置全局的村对于应的点对象
var arrayVllage = new Array();
// 描点并设置点的信息和对应的点击事件
var addMarkers = function(vllage, map) {
	var point = new BMap.Point(vllage.longitude, vllage.latitude);
	var marker = new BMap.Marker(point);
	map.addOverlay(marker);
	arrayVllage.push(marker);
	var opts = {
		position : point, // 指定文本标注所在的地理位置
		offset : new BMap.Size(30, -30)
	// 设置文本偏移量
	}
	var label = new BMap.Label(vllage.name, opts); // 创建文本标注对象
	label.setStyle({
		color : "red",
		fontSize : "12px",
		height : "20px",
		lineHeight : "20px",
		fontFamily : "微软雅黑"
	});
	map.addOverlay(label); // 添加点的基本显示信息
	arrayVllage.push(label);
	// 创建点的点击事件
	var sContent = "<h4 style='margin:0 0 5px 0;padding:0.2em 0'>"
			+ vllage.name
			+ "</h4>"
			+ "<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>"
			+ vllage.name + "</p></div>";

	var infoWindow = new BMap.InfoWindow(sContent); // 创建信息窗口对象

	marker.addEventListener("click", function() {
		this.openInfoWindow(infoWindow);

	});
}
var a = {
	"id" : "1",
	"longitude" : 112.580632,
	"latitude" : 37.878936,
	"name" : "太原市粮仓",
	"phone'" : "13899996666",
	"principal" : "周华"
};
var b = {
	"id" : "2",
	"longitude" : 113.139719,
	"latitude" : 36.20508,
	"name" : "长治市粮仓",
	"phone'" : "13899996666",
	"principal" : "王方"
};
var c = {
	"id" : "3",
	"longitude" : 113.335767,
	"latitude" : 40.123378,
	"name" : "大同市粮仓",
	"phone'" : "13899996666",
	"principal" : "李志"
};
var d = {
	"id" : "4",
	"longitude" : 113.589099,
	"latitude" : 37.858352,
	"name" : "阳泉市粮仓",
	"phone'" : "13899996666",
	"principal" : "李凡"
};

// 画面内的坐标函数
var zb = function(map) {
	var bs = map.getBounds(); // 获取可视区域
	var bssw = bs.getSouthWest(); // 可视区域左下角
	var bsne = bs.getNorthEast(); // 可视区域右上角
	var topLat = bsne.lat;
	var bottomLat = bssw.lat;
	var leftLng = bssw.lng;
	var rightLng = bsne.lng;
	var zblng = topLat + "," + bottomLat + "," + leftLng + "," + rightLng;

	// 删除对应的显示范围内的点
	if (arrayVllage.length > 0) {
		arrayVllage.each(function(marker) {
			map.removeOverlay(marker);
		});
	}

	// 加载显示范围内村的点
	addMarkers(a, map);
	addMarkers(b, map);
	addMarkers(c, map);
	addMarkers(d, map);

}
